<template>
  <div class="home">
    <!-- 第一张热力图(品牌热力图、品牌客流导向图) -->
    <!-- <div class="upper_portion">
      <heatmap
        class="heat-inner"
        :onresize="true"
      ></heatmap>
      <flow-direction-figure></flow-direction-figure>
    </div>
    <div class="lower_portion">
      <real-time-traffic></real-time-traffic>
      <flow-ranking></flow-ranking>
      <cus-portrait></cus-portrait>
      <potential></potential>
    </div> -->
    <customer-portrait></customer-portrait> 
    <map-region></map-region>
    <hot-list></hot-list>
  </div>

</template>

<script>
var moment = require("moment");
import heatmap from "../components/public/heatmap"; //品牌热力图
import flowDirectionFigure from "../components/public/flowDirectionFigure"; //品牌客流导向
import realTimeTraffic from "../components/public/realTimeTraffic"; //今日实时客流
import flowRanking from "../components/public/flowRanking"; //品牌客流排行
import cusPortrait from "../components/public/cusPortrait"; //客户画像
import potential from "../components/public/potential"; //购买潜力转化
import customerPortrait from "../components/public2/customerPortrait"; //第二屏客户画像(左部份)
import mapRegion from "../components/public2/mapRegion"; //第二屏地区、今日业务总览(中间部份)
import hotList from "../components/public2/hotList"; //第二屏热门商品榜单、客户贡献结构(左部份)

export default {
  name: "HelloWorld",
  components: {
    heatmap,
    flowDirectionFigure,
    realTimeTraffic,
    flowRanking,
    cusPortrait,
    potential,
    customerPortrait,
    mapRegion,
    hotList
  },

  data() {
    return {
      msg: "Welcome to Your Vue.js App"
    };
  },
  mounted() {},

  methods: {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
.home {
  min-width: 1920px;

  .upper_portion {
    height: 600px;
  }
  // .lower_portion{

  // }
}
h1,
h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
